/*
 * @Author: fanrui 1396542827@qq.com
 * @Date: 2025-03-13 13:59:34
 * @LastEditors: fanrui 1396542827@qq.com
 * @LastEditTime: 2025-03-13 14:05:13
 * @FilePath: \vue2-client\src\utils\rem.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
// 基准大小
const baseSize = 16
// 设计稿宽度
const designWidth = 1920

// 设置 rem 函数
function setRem() {
  // 当前页面宽度相对于设计稿宽度的缩放比例
  const scale = document.documentElement.clientWidth / designWidth
  // 设置页面根节点字体大小（最小为12px，最大为22px）
  const fontSize = Math.min(Math.max(baseSize * scale, 12), 22)
  document.documentElement.style.fontSize = `${fontSize}px`
}

// 初始化
setRem()
// 改变窗口大小时重新设置 rem
window.addEventListener('resize', setRem)
